<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" href="css/text1.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<script src="js/jquery-2.1.4.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
	</head>
	<body>
		<div id="goshopping">
			<div id="head">
				<a id="a">
					<img src="img/back.png" id="prev" />
				<p id="return">返回</p>
				</a>
				
				<p id="text">31443443</p>
				<p id="menu">
					<img src="./img/menu.png"  />
				</p>
				
			</div>
			<div id="nav">
				<p><img src="./img/back.png" /></p>
			   	<p>商品</p>
				<p>详情</p>
				<p>评价</p>
			
			    <p>
			    	<img id="shop" src="./img/shoppimgCart.png" />
			    </p>
				
			</div>
			
	<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    
   
</div>
<div id="conent">
	<p>ganofaifnosadosdbodfbfodbfodsbobga</p>
	<p>faefbiasfaibfiabsi</p>
	<p>￥123</p>
</div>
<div id="foot">
	<div id="left">收藏</div>
	<div id="right">加入购物车</div>
</div>
		</div>
	</body>
	<script>
		  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'vertical',
    loop: true,

    // 如果需要分页器
    pagination: '.swiper-pagination',
    
  
  }) 
	</script>
</html>
